﻿@charset "utf-8";
html{min-width:1200px;}
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red{color: #F00 !important;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/*其它*/
.hidden{display:none;}
/*必须输入，主要*/
.required{color:red; font-weight:bold;}
.form_text_verifycode{width:80px;}
.form_radio{width:auto; border:0;}
.form_checkbox{width:auto; border:0}
/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
/*top*/
.header_main{width: 100%;z-index:100;position: relative;height:95px;background: url(../images/top_bg.jpg) no-repeat center top #1d1e22;transition: all .3s ease-in;top: 0;}
.header_main .logo{display: block;padding-top: 8px;}
.header_main .logo img{max-width: 100%;display: block;vertical-align: middle;}
.topright{position:relative;padding-top:34px;width: 835px;}
.topbtn{padding-right:7%;position: relative;z-index: 10;}
.topbtn .topsearch{width:60px;border:1px solid #52545b;height:30px;line-height:30px;color: #fff;text-align: center;position: absolute;right:6%;top: 0;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;display: block;}
.header_main .search-box{position: absolute;right: 0;top:-25px;height: 80px;line-height:80px;z-index:99;}
.header_main .search-box .butn{display: block;cursor: pointer;width: 40px;height:40px;line-height:40px;color: #fff;text-align: center;margin-top: 19px;background: url(../images/ico_60.png) no-repeat center;}
.header_main .search-box .butn i{width: 38px;height: 38px;display:none;background:url(../images/sou.png) no-repeat center;margin: 0 auto;border:1px solid #52545b;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.header_main .search-box .butn.hov{background:none;}
.header_main .search-box .butn.hov i{display:block;}
.header_main .search-box .share-sub{position: absolute;right: 40px;top: 15px;width:0;height: 48px;overflow: hidden;background:#ededed;border-radius: 5px 0 0 5px;}
.header_main .search-box .share-sub .sub-btn{border: none;width: 48px;height: 48px;cursor: pointer;outline: none;background:url(../images/sou.png) no-repeat center #CC0603;}
.header_main .search-box .share-sub .tex{width: 220px;font-size: 14px;height: 20px;line-height: 20px;padding: 14px 10px;color: #666;border: none;background: #ededed;outline: none;}
.header_main .search-box .lang-box{margin-top: 21px;margin-right: 39px;}
.header_main .search-box .lang-box a{display: inline-block;text-align: center;font-size:12px;margin-left:29px;}
.header_main .search-box .lang-box .stt{display: inline-block;line-height: 30px;font-size: 14px;color: #777;margin-right: 4px;}
.header_main.fixt{position: fixed;}
.header_main .nav{padding-right: 2px;}
#nav .navlist{position: relative;display: block;}
#nav li{float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;height:61px;}
#nav li a{display: block;text-align: center;position: relative;color: #eeeeee;height:28px;line-height:28px;padding: 0 18px;border:1px solid #25262b;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
#nav li.hover a,#nav li:hover a{color:#CC0603;border:1px solid #CC0603;}
.top .toprig .item h4{display: block;font-size: 30px;}
/*导航栏下拉*/
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav ul .subnav{background: #fff;border-top: 2px solid #63b670;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:100%;z-index: 199;}
#nav ul .subnav a{color: #666;display: block;font-size: 13px;font-weight: 500;height: 40px;line-height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;max-width: 100%;border:0 none;border-bottom: 1px solid #eee;border-radius: initial;}
#nav ul .subnav a:hover{color: #63b670;background: #f9f9f9;text-indent: 3px;}
/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;}
#banner_main .banner{height:650px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:650px; overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3;}
#banner .tip span{height:5px;margin:0 2px;width:50px;display:inline-block;font-size: 0;cursor: pointer;background:#fff;opacity:.6;filter:Alpha(opacity=60);*zoom:1;}
#banner .tip span.cur{background-color:#CC0603;opacity:1;filter:Alpha(opacity=100);}
#banner #btn_prev,#banner #btn_next{width:40px;height:90px;position:absolute;top:50%;z-index:5;margin-top: -45px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
#banner #btn_prev{background-position:0 0;left:5%;}
#banner #btn_next{background-position:-50px 0;right:5%;}
#banner #btn_prev:hover{background-position:0 -98px;}
#banner #btn_next:hover{background-position:-50px -98px;}
/*banner end*/
.transs{-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index .title{text-align: center;width: 100%;padding-bottom:30px;}
.index .title h3{font-size:30px;font-weight:normal;display:block;line-height:30px;background: url(../images/title.png) no-repeat center;}
.index .title p{color:#999;font-size:20px;text-transform:uppercase;font-family:"AvantGardeITVbyBT Book",arial;padding-top:14px;}
.index .title h3 b{display:inline-block;}
.imenu{text-align:center;}
.imenu a{font-size:16px;display:inline-block;padding:0 24px;text-align: center;border-left: 1px solid #CC0603;height: 20px;line-height: 20px;}
.imenu a:first-child{border-left:0 none;}
.imenu a:hover{color:#CC0603;}
.index .floor_1_main{padding-top:80px;padding-bottom:80px;}
.ipro{position:relative;overflow:hidden;padding:30px 0;}
.ipro .list{width: 108%;}
.ipro .item{float:left;width:386px;display: block;height:290px;overflow:hidden;margin-bottom:20px;margin-right:20px;position: relative;}
.ipro .item a{display: block;position: relative;width:100%;height:290px;}
.ipro .item img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;height: 100%;display: block;}
.ipro .item:hover img{transform: scale(1.06, 1.06);}
.ipro .item h3{position:absolute;left:0;bottom:0;width:100%;text-indent:30px;font-weight: normal;font-size: 16px;height: 65px;line-height: 65px;background: url(../images/black60.png) repeat;color: #fff;}
.ipro .item em{position:absolute;right:0;bottom:20px;z-index:2;width:32px;height:26px;background-position:-190px 0;display: block;margin-right: 30px;vertical-align: middle;}
.ipro .item:hover h3{background: url(../images/ipro_t.png) repeat-x left top;}
.index .floor_2_main{background:url(../images/iyoushi.jpg) no-repeat center top;height:800px;overflow: hidden;}
.index .floor_2,.index .floor_3{padding:80px 0;position: relative;}
.index .floor_2 .title{color:#fff;}
.iyoushi{background: url(../images/bieshu.png) no-repeat 460px center;height:536px;overflow:hidden;}
.iyoushi .item{width:375px;height:128px;background: url(../images/yousitem.png) no-repeat left top;float:left;margin-top: 40px;}
.iyoushi .item a{display: block;padding:40px;}
.iyoushi .item .img{width:50px;height:50px;overflow: hidden;position:relative;margin-left:10px;}
.iyoushi .item .img img{position: absolute;left: 0;top: 0;width:50px;display:block;}
.iyoushi .item .txt{width:140px;padding-left:60px;color: #fff;}
.iyoushi .item .txt h3{font-size:20px;font-weight:bold;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.iyoushi .item .txt p{font-family:arial;color:#cccccc;padding-top:0;}
.iyoushi .it1,.iyoushi .it5{margin-left:62px;margin-right:60px;}
.iyoushi .it2,.iyoushi .it6{margin-right:65px;float:right;}
.iyoushi .it4{float:right;}
.iyoushi .item:hover{background:url(../images/yousitem_a.png) no-repeat left top;}
.iyoushi .item:hover .txt h3{color:#CC0603;}
.iyoushi .item:hover .img img{top:-50px;}
.xunpan{width: 100%;background: url(../images/xunpan.jpg) no-repeat center top;height:200px;color: #fff;}
.xunpan .zixun{width:300px;padding-top:40px;text-align:center;}
.xunpan .zixun a{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;height: 50px;display: block;line-height: 50px;color: #fff;background: #3fb145;font-size: 20px;}
.xunpan .zixun:hover a{background:#43be4a;}
.xunpan .tel{border:1px solid #85878d;height:50px;line-height:50px;color:#fff;font-size:26px;text-align:center;font-family:"AvantGardeITVbyBT Book",arial;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;margin-bottom: 20px;}
.xunpan .tel em{width: 25px;height: 25px;display: inline-block;background-position:-100px 0;margin-right: 10px;}
.xunpan strong{display: inline-block;color: #fff;font-weight: bold;font-size: 28px;padding-right: 10px;font-style: italic;}
.xunpan p{font-size: 20px;}
.xunpan .bigtxt{font-size: 30px;padding-bottom:20px;padding-top: 54px;}
.floor_3_main{overflow: hidden;}
.liuc{position: relative;overflow: hidden;padding: 40px 0;}
.liuc .list{width: 108%;}
.liuc li{float:left;width:206px;}
.liuc li .Piece{width:168px;height:188px;background:#f5f5f5;border:1px solid #ddd;float:left;font-size: 20px;text-align: center;-webkit-transition: all .3s ease; transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
.liuc li .jtou{width:36px;height:188px;background:url(../images/jtou.png) no-repeat center;float:left;display:block;}
.liuc li img{max-width:100px;max-height:80px;display:block;margin:0 auto;}
.liuc li p{text-align:center;padding-top:40px;height: 88px;}
.liuc li:last-child .jtou{display: none;}
.liuc li:hover .Piece{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.floor_4_main{background:#f5f5f5;overflow: hidden;width: 100%;}
.index .floor_4{padding:80px 0 80px;position: relative;}
.textlist{}
.textlist .list{width: 100%;padding-bottom:30px !important;}
.textlist .item{float:left;width:375px;height: 471px;margin-right:37px;transition: all 0.2s linear 0s;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1);background: #fff;}
.textlist .item a{display: block;padding:0;color: #333;}
.textlist .item .img{width:375px;height: 281px;overflow: hidden;cursor: pointer;position: relative;}
.textlist .item .img img{width:100%;height:100%;transition: all 0.3s ease-out 0s;display:block;}
.textlist .item:hover .img img{transform: scale(1.1, 1.1);}
.textlist .item .txt{padding:30px 40px 0;}
.textlist .item h3{font-size:18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.textlist .item .desc{line-height:24px;height:52px;overflow:hidden;margin-bottom:10px;cursor:pointer;padding-top:10px;}
.textlist .item span{display:block;color:#666;font-family:arial;padding-top:10px;border-top: 1px solid #ddd;}
.textlist .item:hover{-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.textlist .item:hover h3{color: #CC0603;}
.floor_4 .btn{width: 40px;height:40px;display: block;position: absolute;top:50%;cursor: pointer;}
.floor_4 .btn.prev{background-position:-100px -50px;left: -5%;}
.floor_4 .btn.next{background-position:-190px -50px;right:-5%;}
.floor_4 .btn.prev:hover{background-position:-145px -50px;}
.floor_4 .btn.next:hover{background-position:-236px -50px;}
.indnews{padding:80px 0;overflow:hidden;position:relative;}
.index .more{width:180px;height:36px;line-height:36px;text-align:center;color:#fff;display:block;margin:40px auto 0;background: #444;transition: all 0.2s linear 0s;}
.index .more:hover{background:#CC0603;color:#fff;text-indent:10px;}
.ipatent_main{width: 100%;background:url(../images/patent.jpg) no-repeat center top;height:460px;overflow:hidden;}
.ipatent_main .floor{overflow:hidden;padding: 100px 0;}
.ipatent_main .title{color: #fff;}
.ipatent_main .title h3{background: url(../images/title1.png) no-repeat center;}
.ipatent{padding-top:40px;}
.ipatent .item{width:580px;height:140px;background: url(../images/pat_bk.png) no-repeat left top;float:left;margin-left:37px;}
.ipatent .item:first-child{margin-left:0;}
.ipatent .item a{display: block;padding:30px;}
.ipatent .item .img{width:64px;height:60px;overflow: hidden;position:relative;margin-right:40px;margin-left:22px;margin-top: 10px;}
.ipatent .item .img img{position: absolute;left: 0;top: 0;width:100%;display:block;}
.ipatent .item .txt{width:350px;color: #fff;padding-left: 20px;}
.ipatent .item .txt h3{font-size:20px;font-weight:bold;}
.ipatent .item .txt p{font-family:arial;color:#cccccc;padding-top:0;}
.newsBox{width:380px;height: 410px;overflow:hidden;position:relative;}
.newsBox .bd{border: 1px solid #ddd;}
.newsBox .hd{height: 28px;overflow:hidden;position:absolute;bottom: 1px;z-index:10;padding-left: 20px;text-align: center;}
.newsBox .hd ul{overflow:hidden;zoom:1;}
.newsBox .hd ul li{margin-right:6px;width:10px;height:10px;line-height:14px;text-align:center;background:#999;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display: inline-block;}
.newsBox .hd ul li.on{background:#00ae66; color:#fff;}
.picBox .bd{height:100%;z-index:0;}
.newsBox .bd li{zoom:1;vertical-align:middle;position: relative;height: 408px;overflow: hidden;}
.newsBox .bd img{width:380px;height: 285px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .bd li h3{display:block;font-size:18px;color: #000;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .bd li .txt{z-index: 5;padding: 15px 20px;border-top: 0 none;height: 93px;}
.newsBox .bd li p{padding:0;color: #666;line-height: 24px;height: 45px;overflow: hidden;}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px;}
.newsBox .bd li a:hover h3{color:#CC0603;}
.newsBox .bd li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.index .txtlistbox{width:800px;}
.txtlistbox .item{border:1px solid #ddd;margin-bottom:16px;transition: all 0.2s linear 0s;+margin-bottom: 18px;}
.txtlistbox .item a{display:block;padding:28px;}
.txtlistbox .item h3{font-size:18px;vertical-align: top;}
.txtlistbox .item p{font-size:14px;line-height: 20px;height: 40px;color: #666;}
.txtlistbox .item .time{display: block;width: 90px;height:66px;border-right: 1px solid #ddd;line-height:20px;margin-right: 30px;color: #666;vertical-align: middle;*zoom: 1;}
.txtlistbox .item .time b{color: #666;display:block;font-size: 48px;line-height:48px;}
.txtlistbox .item:hover{border:1px solid #CC0603;-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.iabout{width:100%;background: url(../images/fl6.jpg) no-repeat center bottom #f8f8f8;padding: 80px 0;}
.iabout .txt{width:470px;height:240px;display: block;background: #fff;padding:40px;}
.iabout .txt img{max-width:100%;display:block;}
.iabout .txt p{padding-top:20px;color: #333;}
.iabout .txt span{width: 154px;height: 34px;line-height: 34px;text-align: center;display: block;border: 1px solid #1a7140;margin-top: 20px;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;cursor: pointer;}
.iabout .txt:hover span{background: #1a7140;color: #fff;}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden;}
.iabout .img img{width:100%;display:block;}
/*底部信息*/
/*footer_main*/
.footer_main{width:100%;background:#191919;color:#fff;}
.footer_main .footer{padding-bottom: 40px;}
.footer_main .footer .links{padding: 30px 0;margin-bottom: 40px;font-size: 16px;border-bottom: 1px solid #353535;}
.footer_main .footer .links span{color: #fff;display:inline-block;}
.footer_main .footer .links a{display:inline-block;font-size: 14px;color: #999;padding-right: 10px;}
.footer_main .footer .links a:hover{color: #CC0603;}
.footer_main .qcode{width: 540px;}
.footer_main .qcode .ewm{width:130px;height:130px;display:block;border:5px solid #666;}
.footer_main .btel{width: 300px;line-height:28px;}
.footer_main .btel img{display: block;margin: 0 auto 8px;max-width: 100%;max-height:60%;}
.footer_main .btel .p1{color: #fff;}
.footer_main .btel .p2{font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";font-size:34px;color: #CC0603;line-height: 34px;padding-bottom: 5px;}
.footer_main .btel .p3{color: #999;line-height: 22px;}
.footer_main .botnavlist{}
.footer_main .botnavlist li{float: left;width: 100px;padding: 0 0 0 48px;display: block;list-style: none;font-size: 16px;line-height: 32px;text-align: left;border-right: 1px solid #353535;overflow: hidden;}
.footer_main .botnavlist li:first-child{padding-left: 0px;}
.footer_main .botnavlist li a{color: #fff;display: block;line-height: 32px;font-size: 16px;}
.footer_main .botnavlist li a:hover{color: #CC0603;}
.footer_main .botnavlist li .drop{padding-top: 10px;}
.footer_main .botnavlist li .drop a{display: block;line-height: 26px;color: #999;width: 100%;font-size: 12px;}
.footer_main .botnavlist li .drop a:hover{color: #CC0603;}
.copymain{border-top:1px solid #353535;line-height: 60px;color: #999;font-size: 12px;}
.copymain a{color: #999;}
.copymain a:hover{color: #CC0603;}
.footer_main .yyzz{padding: 0 8px;}
/********.fixtool*********/
.toolbar{width: 130px; position: fixed; right:0; top:460px; z-index: 999;}
.toolbar dd{width: 130px; height: 55px; margin-bottom: 0; position: relative;}
.toolbar dd a{color: #fff;width: 130px;height: 55px;display: block;cursor: pointer;text-align: center;background: url(../images/rightFixIcon.png) no-repeat -36px 0;line-height: 45px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar dd a span{width: 24px; height: 24px; display: inline-block; background: url(../images/rightFixIcon.png) no-repeat 0 0; vertical-align: middle; margin-right: 5px;}
.toolbar dd a:hover{background-position: -168px 0;}
.toolbar .pop{position: absolute; right: 90px; top: -45px; background: #CC0603; display: none;}
.toolbar .pop-code{width: 100px; padding:15px 15px 0;}
.toolbar .pop-code img{width: 100px; height: 100px; display: block;}
.toolbar .pop-code h3{height:40px;line-height:40px;text-align: center;color: #fff;font-size:12px;font-weight: 400;white-space: nowrap;}
.toolbar .zxzx span{background-position: 0 4px;}
.toolbar .lf span{background-position: 0 -33px;}
.toolbar .bj span{background-position: 0 -65px;}
.toolbar .code span{background-position: 0 -33px;}
.toolbar .top{width: 130px; height:45px; background:#CC0603;}
.toolbar .top span{background-position: 0 -127px;}
.toolbar .top:hover{background:#2c9638;}
.toolbar .side_tel{position: absolute; right:0;top:0;background: #CC0603;height:45px;line-height:45px;color: #fff;width:0;text-align: center;}


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family: ADELE; src: url("../font/ADELE.eot"); src: url("../font/ADELE.eot?#iefix") format("eot"), url("../font/ADELE.ttf") format("truetype");}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}